<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册</title>
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="index.css"/>
</head>
<style>
    html,body,h4,ul,li{
        margin: 0;
        padding: 0;
        border: 0;
    }
    .top{
        margin: auto;
    }
    .deng {
        width: 990px;
        height: 402px;
        margin: auto;
        background: #000000;
        margin-top: 35px;
    }
    .deng h4 {
        color: #ffffff;
        text-align: center;
        line-height: 40px;
    }
    .deng div{
        width: 100%;
        height: 390px;
        background: #ffffff;
        padding: 20px 129px;
    }
    .deng div footer{
        width: 365px;
        height: 362px;
        border-right: 1px solid #c0c0c0;
    }
    .deng div footer div {
        width: 292px;
        height: 362px;
        position: absolute;
        top: 243px;
        left: 1020px;
        padding: 0;
    }
    .deng div footer div p:nth-child(1) {
        font-size: 20px;
        margin: 10px;
    }
    .deng div footer div img{
        width: 244px;
        height: 244px;
        margin-left: 10px;
    }
    .deng div footer div p{
        margin: 10px;
    }
    .chuntu{
        width: 990px;
        height: 350px;
        border-bottom: 2px solid #000000;
        margin:auto;
        display: flex;
        flex: inherit;
        margin-top: 85px;
    }
    .chuntu ul{
        list-style: none;
        display: flex;
        flex: inherit;
    }
    .chuntu ul li{
        width: 288px;
        height: 288px;
        border:1px solid #000000;
        margin-left: 62px;
    }
    .chuntu ul li:nth-child(1){
        margin-left: 0;
    }
    .chuntu ul li img {
        width: 286px;
        height: 286px;
    }
    .deng div footer form p {
        color: #000000;
        font-size: 12px;
    }
    .deng div footer form label{
        color: #000000;
        line-height: 25px;
        font-size: 12px;
    }

</style>
<body>
<!-- Button trigger modal -->
<a  data-toggle="modal" data-target="#myModal"
    style="background-color: #ffffff;color: #000000;font-size: 12px;width: 50px;height: 20px;border: 0;
        position: absolute;top: 60px;left: 1395px">
    会员登录
</a>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">登录</h4>
            </div>
            <div class="modal-body">
                <form method="POST">
                    <div class="form-group">
                        <label for="exampleInputEmail1">用户名:</label>
                        <input type="text" class="form-control" name="petname" id="exampleInputEmail1" placeholder="请填写用户名" required pattern="^[a-zA-Z {6,12}$]"  style="height: 25px;border: 1px solid #000000">
                    </div>
                    <div class="form-group">
                        <label>密码:</label>
                        <input type="password" class="form-control" name="password" placeholder="请再填写密码" pattern="^{6,12}$" required style="height: 25px;border: 1px solid #000000">
                    </div>
                    <div class="form-group">
                        <label >密码:</label>
                        <input type="password" class="form-control"  name="rpassword" placeholder="请再填写密码" pattern="^{6,12}$" required style="height: 25px;border: 1px solid #000000">
                    </div>
                    <p style="font-size: 12px">特别提示：卡号是您的手机号码，如13300002222，初始密码是您的注册生日，如20150111</p>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" style="width: 100%;height: 35px;background-color: #000000">注册</button>
                        <a href="#" style="color: #8c8c8c">忘记密码></a>
                    </div>
                    <button style="width: 100%;height: 35px;background: #ffffff;border: 1px solid #000000"><a href="#" style="color: #8c8c8c">加入我们</a></button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="yingcang">
    <div class="libian">
        <img src="uploads/8.png" alt="....."/>
    </div>
</div>
<div style="width:157px;height: 20px;background-color: #ffffff; position: absolute;top: 138px;left: 45%">YISHION.COM/会员登录</div>
<header class="Herder">
    <div class="Top">
        <div class="auto">
            <dl>
                <dd><a href="index.html">首页</a></dd>
                <dd><a href="#">VIP CLUB</a></dd>
                <dd><a href="http://www.yishion.com/storesearch/list_57.aspx">寻找门店</a></dd>
                <dd style="border: 5px">
                    <a href="#">分享:</a>
                </dd>
                <dd>
                    <a href="#"><img src="uploads/OMS0%7BLJPBA93BMK1%5DZJR%5DAQ.png" alt=".." class="weitu"/></a>
                    <a href="#"><img src="uploads/X9H34BM8G9T)NO%5DJMB4OZR1.png" alt=".."/></a>
                </dd>
                <dd>
                    <a href="#">YOUKU</a>
                </dd>
                <div style="clear: both"></div>
            </dl>
            <span class="lang">
                <img src="uploads/1M@59S66LSGO8OBO@%5BZE%7DVV.png" alt="..."/>
                <a href="#">中文</a>
                /
                <a href="#">ENGLISH</a>
            </span>
        </div>
        <div class="autt">
            <img src="uploads/TGMTI%25JA%60AT~4%7D~C%7BP15ROX.png" alt="" style="margin-left: 40%"/>
            <nav class="Menu">
                <ul id="ul">
                    <li style="margin-left: 0"><a href="index.html">首页</a></li>
                    <li id="xian"><a href="男装.html">男装</a>
                        <div id="li" style="background-color: #ffffff;opacity: 0.9; z-index: 200;width: 990px;height: 330px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 190px;height: 270px;" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">针织衫</a> </dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                    <dd><a href="#">热卖T恤</a></dd>
                                    <dd><a href="#">韩庚星推荐</a></dd>
                                </dl>
                                <img src="uploads/201605280930213021.jpg" alt="" style="position: absolute;left: 620px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 270px;position: absolute;left: 250px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">中袖</a></dd>
                                    <dd><a href="#">长款开衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                    <dd><a href="#">白衬衫</a></dd>
                                    <dd><a href="#">特惠款</a></dd>
                                    <dd><a href="#">父亲节推荐</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">T恤</a></dd>
                                    <dd><a href="#">韩庚明星款</a></dd>
                                    <dd><a href="#">春装外套</a></dd>
                                </dl>
                            </div>
                            <div style="width: 220px;height: 270px;border: 0;position: absolute;left: 450px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏季优惠活动</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian1"><a href="女装.html">女装</a>
                        <div id="li1" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 360px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 310px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">针织衫</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                </dl>
                                <img src="uploads/nv.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 310px ;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">春装外套</a></dd>
                                    <dd><a href="#">中袖</a></dd>
                                    <dd><a href="#">长款开衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                    <dd><a href="#">特惠款</a></dd>
                                    <dd><a href="#">棉麻衬衫</a></dd>
                                    <dd><a href="#">背带装</a></dd>
                                    <dd><a href="#">半身裙</a></dd>
                                    <dd><a href="#">防晒衫</a></dd>
                                    <dd><a href="#">T恤</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">磨边短裤</a></dd>
                                    <dd><a href="#">空调衫</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 310px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏装优惠</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian2"><a href="童装.html">童装</a>
                        <div id="li2" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 250px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">卡通T</a> </dd>
                                    <dd><a href="#">背带裙</a></dd>
                                </dl>
                                <img src="uploads/tong.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 250px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">连衣裙</a></dd>
                                    <dd><a href="#">背带装</a></dd>
                                    <dd><a href="#">卡通T</a></dd>
                                    <dd><a href="#">条纹系列</a></dd>
                                    <dd><a href="#">运动衫</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 270px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏季优惠活动</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian3"><a href="配衬.html">配村</a>
                        <div id="li3" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 240px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">卡通T</a> </dd>
                                    <dd><a href="#">背带裙</a></dd>
                                </dl>
                                <img src="uploads/pei.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 240px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">休闲鞋</a></dd>
                                    <dd><a href="#">家居服</a></dd>
                                    <dd><a href="#">潮流包</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 240px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏季优惠活动</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian4"><a href="">look book</a>
                        <div id="li4" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 270px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">16年型录</dd>
                                    <dd><a href="#">16年型录夏季款</a></dd>
                                    <dd><a href="#">16年型录春季款</a></dd>
                                    <dd><a href="#">16年型录冬季款</a></dd>
                                    <dd><a href="#">16年型录秋季款</a></dd>
                                </dl>
                                <img src="uploads/b.jpg" alt="" style="position: absolute;left: 600px;top: 20px;width: 200px;height: 250px"/>
                            </div>
                            <div style="width: 200px;height: 270px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">15年型录</dd>
                                    <dd><a href="#">暂无记录</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 270px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">NEW</dd>

                                </dl>
                            </div>
                        </div>
                    </li>
                    <li><a href="">会员中心</a></li>
                    <li><a href="">关于以纯</a></li>
                </ul>
            </nav>
            <div class="input-group" style="width: 150px;position: absolute;left: 1298px;top: 105px;z-index: 100">
                <input type="text" class="form-control" placeholder="描述商品或编号" aria-describedby="basic-addon2" >
                <a href="#"><i class="glyphicon glyphicon-search" style="position: absolute;left: 133px;top:3px;z-index: 200;color: #8c8c8c"></i></a>
            </div>
        </div>
    </div>
</header>
<div class="deng">
    <h4><strong>会员登录</strong></h4>
    <div>
        <footer>
            <form style="width: 292px;height: 362px;border: 1px solid #c0c0c0; padding: 15px">
                <p>会员登录</p>
                <label>卡号:</label><br/>
                <input type="text" style="height: 25px;border: 1px solid #000000;width: 100%;height: 25px">
                <label>密码:</label><br/>
                <input type="text" style="height: 25px;border: 1px solid #000000;width: 100%;height: 25px">
                <p>特别提示：卡号是您的手机号码，如13300002222，初始密码是您的注册生日，如20150111</p>
                <label>验证码:</label><br/>
                <input type="text" style="width: 120px;border: 1px solid #000000;height: 27px"/>
                <img src="http://www.yishion.com/cn/member/checkcode.ashx?????????????????????????????????????????????????????????????????????" alt="" style="width: 60px"/>
                <p><a href="#" style="color: #8c8c8c;margin: 5px">忘记密码？</a></p>
                <button style="width: 100%;height: 30px;background: #000000;color: #ffffff;margin-top: 15px">登录</button>
            </form>
            <div>
                <p>加入YISHION以纯会员</p>
                <img src="http://www.yishion.com/uploadfiles/2016/07/201607032238103810.jpg" alt="..."/>
                <p>微信扫码，注册以纯普通会员；或者在微信中搜索公众号“YISHION以纯”，关注微信进行操作。</p>
            </div>
        </footer>
    </div>
</div>
<div class="chuntu">
    <ul>
        <li><img src="http://www.yishion.com/uploadfiles//201606151039503950.jpg" alt=""/></li>
        <li><img src="http://www.yishion.com/uploadfiles//201606151039523952.jpg"></li>
        <li><img src="http://www.yishion.com/uploadfiles//201606151039533953.jpg"></li>
    </ul>
</div>
<div class="top">
    <ul>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/813x233/201605280928472847.jpg" alt=""/></a>
            <span><a href="#">品牌故事</a></span>
        </li>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/image/images/col_02.jpg" alt=""/></a>
            <span><a href="#">关注微信公众号，更多好礼！</a></span>
        </li>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/image/images/col_03.jpg" alt=""/></a>
            <span><a href="#">加入vip</a></span>
        </li>
        <li><a href="http://www.yishion.com/storesearch/list_57.aspx"><img src="http://www.yishion.com/uploadfiles/image/images/col_04.jpg" alt=""/></a>
            <span><a href="#">店铺地图</a></span>
        </li>
    </ul>
</div>

<footer class="footer" style="position: absolute;top: 800px">
    <div class="footertop">
        <img src="uploads/F4JA077WSHF8HEGLX%60IV%5BQP.png" alt=""/>
        <button><a href="#">了解更多 ></a></button>
        <ul>
            <li><a href="#"><img src="uploads/_1WWBZH%2508T9)1QH0QQ%7D5DB.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/OUS%25U~H~ZM3)7L%7DT~LBI8CW.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/0N%60_T%7D05_M%60~5C2B8U1$1~U.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/D~AAM~HLUU~%5D%5BX3M48@%5DEZH.png" alt=""/></a></li>
        </ul>
    </div>
    <div class="footerdi">
        <nav>
            <dl>
                <dt><a href="#">产品风尚</a></dt>
                <dd><a href="#">男装</a></dd>
                <dd><a href="#">女装</a></dd>
                <dd><a href="#">童装</a></dd>
                <dd><a href="#">配衬</a></dd>
            </dl>
            <dl>
                <dt><a href="#">关于以纯</a></dt>
                <dd><a href="#">品牌故事</a></dd>
                <dd><a href="#">媒体中心</a></dd>
                <dd><a href="#">精彩视频</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">工作机会</a></dd>
                <dd><a href="#">推广活动</a></dd>
            </dl>
            <dl>
                <dt><a href="#">帮助信息</a></dt>
                <dd><a href="#">店铺查询</a></dd>
                <dd><a href="#">VIP服务</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">服装保养</a></dd>
                <dd><a href="#">隐私政策</a></dd>
            </dl>
            <dl>
                <dt><a href="#">关注我们</a></dt>
                <dd><a href="#">邮件订阅</a></dd>
                <dd><a href="#">官方微博</a></dd>
                <dd><a href="#">官方微信</a></dd>
            </dl>
            <dl>
                <dt><a href="#">了解更多潮流资讯</a></dt>
                <dd><a href="#">输入邮箱，通过电子订阅，了解最新的时尚信息、
                    最潮的品牌，享更多折扣优惠。</a></dd>
                <input type="text"/>
                <button><a href="#">订阅</a></button>
            </dl>
        </nav>

        <div class="footerbootom">
            <a href="#"><img src="uploads/7.png" alt=""/></a>
            <a href="#"><img src="uploads/9.png" alt=""/></a>
            <a href="#"><img src="uploads/10.png" alt=""/></a>
        </div>
        <div class="reter">
            东莞市以纯集团有限公司 <br/>
            版权所有 Copyright © 2007-2016 YISHION all rights reserved Powered by YISHION
        </div>
        <div class="v">
            <a href="#"><img src="uploads/v.png" alt=""/>粤公网安备 44190002000139号</a>
            <a href="#">粤ICP备07502554号-3</a>
        </div>
        <div class="tu"><img src="uploads/pic.gif" alt="..."/></div>
    </div>
</footer>
<div class="weixin">
    <div class="datu">
        <div class="img"></div>
        <div class="xiaotu"><p>×</p></div>
    </div>
</div>
</body>
</html>
<script src="./script/register.js"></script>
<script src="script/index.js"></script>